.out_top{
	animation: out_top .5s linear both;
}
.in_top{
	animation: in_top .5s linear both;
}
.out_down{
	animation: out_down .5s linear both;
}
.in_down{
	animation: in_down .5s linear both;
}

/*当前页-->向上翻-->隐藏*/
@keyframes out_top{
	from{
		transform: translateY(0%);
	}
	to{
		transform: translateY(-100%);
	}
}
/*下一页-->向上翻-->显示*/
@keyframes in_top{
	from{
		transform: translateY(100%);
	}
	to{
		transform: translateY(0%);
	}
}
/*当前页-->向下拉-->隐藏*/
@keyframes out_down{
	from{
		transform: translateY(0%);
	}
	to{
		transform: translateY(100%);
	}
}
/*上一页-->向下拉-->显示*/
@keyframes in_down{
	from{
		transform: translateY(-100%);
	}
	to{
		transform: translateY(0%);
	}
}

/* ------nav的变色 弃用----------------------------------------------- */
    /* background-color: rgba(255,255,255,0.3); nav选中的颜色*/
/* @keyframes changecolor{
    50%{background-color: #e1eff8;
        color: #2c3c55;}
}
.li:hover{
    animation-name: changecolor;
    animation-duration: 0.5s;
} */

/* ---丝滑！------------------------------------------------------- */
html{
    scroll-behavior: smooth;
}